<html>
  <head>
    <title>授权状态提醒</title>
    <meta charset="utf8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, user-scalable=0"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="https://res.wx.qq.com/open/libs/weui/2.0-alpha.1/weui.min.css"
    />
    <style>
      .auth_msg_wrp,
      body,
      html {
        height: 100%;
      }

      body {
        background-color: #fff;
      }

      .page_title {
        display: none;
        font-size: 22px;
        color: rgba(0, 0, 0, 0.9);
        font-weight: 700;
        text-align: center;
        margin: 40px;
      }

      .auth_avatar {
        width: 24px;
        height: 24px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
      }

      .auth_nickname {
        display: block;
        font-weight: 400;
        font-size: 15px;
        color: rgba(0, 0, 0, 0.9);
        line-height: 1.4;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-left: 8px;
        text-align: left;
      }

      .auth_msg,
      .auth_msg_hd {
        display: -webkit-box;
        display: -webkit-flex;
      }

      .auth_desc {
        color: #888;
        margin-top: 0.34em;
        font-size: 14px;
      }

      .auth_msg {
        min-height: 100%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-left: 24px;
        padding-right: 24px;
      }

      .auth_msg_hd {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 28px 0 16px;
      }

      .auth_rights_lbl,
      .auth_rights_text {
        overflow: hidden;
        display: block;
      }

      .auth_msg_bd {
        font-size: 17px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
      }

      .auth_msg_ft {
        padding-bottom: 130px;
      }

      .auth_rights_tips {
        color: rgba(0, 0, 0, 0.9);
        line-height: 1.4;
        font-size: 24px;
        margin-bottom: 32px;
      }

      .auth_rights_list {
        color: #000;
        font-size: 16px;
        line-height: 1.4;
      }

      .auth_rights_list:first-child .auth_rights_item:first-child {
        margin-top: 16px;
      }

      .auth_rights_item {
        margin: 24px 0;
        list-style: none;
      }

      .auth_rights_item_disc {
        list-style-type: disc;
        list-style-position: inside;
      }

      .btn_auth_msg_link {
        display: inline-block;
        font-size: 14px;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 0.65em;
        border: none;
        background: 0 0;
        color: #4088ff;
      }

      .logo_area_game {
        padding-top: 6.4em;
        text-align: center;
        font-size: 125%;
      }

      .logo_weixin {
        width: 81px;
        height: 81px;
        margin: 0 auto 28px;
        background: url()
          center no-repeat;
        background-size: 81px;
        -webkit-background-size: 81px;
      }

      .logging {
        text-align: center;
        font-size: 0.8em;
        color: #000;
        margin-bottom: 10px;
      }

      .icon_checkbox_default {
        float: left;
        margin-right: 12px;
        margin-top: -0.05em;
        width: 24px;
        height: 24px;
        background: url()
          50% 50% no-repeat;
        -webkit-background-size: 20px;
        background-size: 20px;
      }

      .icon_checkbox_default.checked {
        background-image: url();
      }

      .icon_checkbox_default.disabled {
        background-image: url();
      }
    </style>
  </head>

  <body ontouchstart="">
    <div id="container2" class="auth_msg_wrp" style="display: block">
      <form class="auth_msg" id="authForm" method="post">
        <div class="top auth_msg_hd sigle_avartar">
          <span class="name auth_nickname">{:Env('app.name')}</span>
        </div>
        <div id="scope_info" class="content auth_msg_bd">
          <div class="main_info auth_rights_tips">
            <p>信息提示</p>
          </div>
          <ul class="list auth_rights_list">
            <li class="list_ele auth_rights_item">
              {if $list.status == 0}
              <i class="icon_checkbox_default checked"></i>
              {else}
              <i class="icon_checkbox_default checked disabled"></i>
              {/if}
              <span class="auth_rights_lbl">{$list.info}</span>
            </li>
          </ul>
        </div>
        <div class="oper_panel auth_msg_ft">
          {if $list.status == 0}
          <a
            href="##"
            class="weui-btn weui-btn_danger"
            style="
              background: linear-gradient(124deg, #d84b09 0%, #d35b16 100%);
            "
            >授权成功</a
          >
          {else}
          <a
            href="##"
            class="weui-btn weui-btn_danger"
            style="background-color: #f44336"
            >授权失败，请重新进行授权</a
          >
          {/if}
        </div>
      </form>
    </div>
    <script>
      function initWeixinBridge() {
        WeixinJSBridge.invoke("setNavigationBarButtons", {
          right: { hidden: !0 },
        });
      }
      "object" == typeof WeixinJSBridge &&
      "function" == typeof WeixinJSBridge.invoke
        ? initWeixinBridge()
        : document.addEventListener
        ? document.addEventListener("WeixinJSBridgeReady", initWeixinBridge, !1)
        : document.attachEvent &&
          (document.attachEvent("WeixinJSBridgeReady", initWeixinBridge),
          document.attachEvent("onWeixinJSBridgeReady", initWeixinBridge));
    </script>
  </body>
</html>
